<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script>
window.onload = function (){
	var oUl = document.getElementById('list');
/*	1.元素节点
	元素.childNodes ：只读 属性 子节点列表集合
	
		标准下：包含了文本节点和元素节点，也会包含非法嵌套的子节点（即ul下直接添加的p标签）
		非标准下：只包含元素节点，IE7及以下不会包含非法嵌套子节点

	childNodes只包含一级子节点，不包含孙级以下的节点
	
	DOM节点共有12种类型，其中最常见都是下面3种(均在标准下实验)：
*/
	//alert(oUl.childNodes[1].nodeType);		//1代表  元素节点	指第一对li标签
	//alert(oUl.attributes[1].nodeType);		//2代表  属性节点	指style属性
	//alert(oUl.childNodes[0].nodeType);		//3代表  文本节点	指分行符

/*	2.属性节点
	元素.attributes
*/
	//alert(oUl.attributes.length);			//2  表明oUl有两个属性：id、style
	//alert(oUl.attributes[1].name);		//style	表明第二个属性名称为style
	//alert(oUl.attributes[0].value);		//list 表明第一个属性都属性值是list
	alert(oUl.attributes[1].nodeType)		//2代表	属性节点（需要有[]指定，一个属性时就不用指定 ）

}
</script>
<body>
<ul id="list" style="border:1px solid red">
	<li>1111<span>0000</span></li>
	<li>2222</li>
	<li>3333</li>
	<li>4444</li>
	<p>aaaa</p>
</ul>
</body>
</html>
